.redColor{
			color: #ff0000;
}

.header-box{
	width: 100%;
	height: 100upx;
	background: #F7F7FB;
	display: flex;
	position: fixed;
	top:0;
	z-index:99;
	.left{
		width:250upx;
		height: 100%;
		display: flex;	
		align-items: center;
		justify-content: center;
		.month{
			width: 80%;
			height: 50upx;
			background: #fff;
			border-radius: 5px;
			display: flex;
			color:#9C9C9C;
			.left{
				width: 70%;
				display: flex;
				align-items: center; 
				justify-content: center;
				font-size: 26upx;
			}
			.right{
				display: flex;		
				flex: 1;
				align-items: center;
				justify-content: center;
				.iconfont{
					font-size: 26upx;
				}
			}
		}
	}
	.right{
		flex: 1;
		color:#9C9C9C;
		font-size:26upx;
		display: flex;
		align-items: center;
		justify-content:flex-end;
		.expend{
			margin-right:40upx;
		}
		.income{
			margin-right:40upx;
		}
		
	}
}
.tab-view::before {
		content: '';
		position: absolute;
		border-bottom: 1upx solid #eaeef1;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		bottom: 0;
		right: 0;
		left: 0;
	}

	.tab-view {
		width: 100%;
		height: 100upx;
		overflow: hidden;
		box-sizing: border-box;
		position: fixed;
		top: 0px;
		/* #ifdef H5 */
		top: 44px;
		/* #endif */
		left: 0;
		z-index: 99;
		background: #fff;
		white-space: nowrap;
	}
	
	.tab-bar-item {
		padding: 0;
		height: 100upx;
		min-width: 23.33%;
		line-height: 100upx;
		margin: 0 5%;
		display: inline-block;
		text-align: center;
		box-sizing: border-box;
	}
	
	.tab-bar-title {
		height: 100upx;
		line-height: 100upx;
		font-size: 32upx;
		color: #999;
		font-weight: 400;
	}
	
	.active {
		border-bottom: 6upx solid #7569fe;
	}
	
	.active .tab-bar-title {
		color: #7569fe;
		font-size: 36upx;
		font-weight: bold;
	}
	/*tabbar end*/
.swiper{
	   height: auto;
	   margin-bottom: 20upx;
	    padding-top: 100upx;
	   .tui-list-cell-name {
	   	padding-left: 20upx;
	   	vertical-align: middle;
	   	line-height: 30upx;
	   }
	   
	   .tui-list::after {
			left: 94upx !important;		
	   }
	   .tui-msg-box {
			overflow:hidden;
			.row{		
				width: 100%;
				height: 50upx;
				display: flex;
				align-items: center;
				.left{
					width: 50upx;
					height:100%;
					display: flex;
					align-items: center; 
					justify-content:flex-start;
					.iconfont{
						font-size: 25upx;
					}
				}
				.right{
					flex: 1;
					.loss-pay{
						float: right;
						color:#7569fe;
					}
				}
			}
	   }
		
	   .tui-msg-right {
			max-width: 120upx;
			height: 88upx;
			margin-left: auto;
			text-align: right;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-end;
			.tui-msg-tip {
				line-height: 88upx;	
				font-size: 32upx;
				 color: #999;
				
			}
			.iconfont{
				font-size: 60upx;
			}
			// .msg-active{
			// 	color: #F01414;
			// }
	   }
  }
.carts-list {
	 position:absolute;
	 bottom: 0px;
	 // height: 350px;
	 width: 100%;
	 font-size: 14px;
	 background: #fff;
			.tui-list-cell-name {
				padding-left: 20upx;
				vertical-align: middle;
				line-height: 30upx;
			}
			
			.tui-list::after {
						left: 94upx !important;		
			}
			.tui-msg-box {
						overflow:hidden;
						.row{		
							width: 100%;
							height: 50upx;
							display: flex;
							align-items: center;
							.mod{
								color: #999;
								font-size: 28rpx;
							}
							.left{
								width: 650upx;
								height:100%;
								display: flex;
								align-items: center; 
								justify-content:flex-start;
								.iconfont{
									font-size: 36upx;
								}
								text{
									padding-left: 10upx;
									font-size: 26upx;
								}
							}
							.right{
								flex: 1;
								
							}
							
							
						}
						
			}
			.all-price-red{
				font-size: 40rpx;
				padding: 30rpx;
			}	
			.tui-msg-right {
						max-width: 120upx;
						height: 88upx;
						margin-left: auto;
						text-align: right;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						align-items: flex-end;
						.tui-msg-tip {
							line-height: 88upx;	
							font-size: 32upx;
							 color: #999;
							
						}
						.iconfont{
							font-size: 60upx;
						}
						// .msg-active{
						// 	color: #F01414;
						// }
			}
	}
.show-title{   
		// margin: 14px 14px;
		font-size: 32rpx;
		font-weight: bold;
		padding: 30rpx 0 0 30rpx;
	}		  
.show-button{
		// width: 90%;
		margin: 30px 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		button{
			background: #69a4fe;
			width: 330rpx;
		}
		.close{
			background-color: #FFFFFF;
			color: #888888;
		}
		.button-hover{
			background: #69a4fe;
			color: #F2F2F2;
		}
		
	}